<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="I'm Roni Web Desiger and Front-end Developer. I Started designing websites as a hobby, everything was self-taught, and eventually became a passion. To further improve my skills, I took formal Education on web design/development at Phoenix One: The Knowledge Institute and also took another course on Back End Development (PHP, MySQL) at the University of the Philippines | ITTC.">
		<meta name="keywords" content="Portfolio website, web design, web development, Web design and Development, Responsive Web Design, Web Design Services, cheapest Web Design Services, roni pinili, ronnie pinili">	
		<!-- Responsive and mobile friendly stuff -->
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> 
		<title>Roni Pinili</title>
		<link rel="icon" href="/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="http://ronipl.com/css/style.css">
		<script src="http://ronipl.com/js/jquery-1.10.2.min.js"></script>
		<script src="http://ronipl.com/js/loader.min.js"></script>	
	</head>
	<body>
		
		<div id="wrapper">
			<div id="nav-wrapper">
				<div id="nav">
					<ul>
						<li id="one"><a href="#home">&nbsp;&nbsp;</a><div class="tooltip">HOME</div><div class="arrow"></div></li>
						<li id="two"><a href="#portfolio">&nbsp;&nbsp;</a><div class="tooltip">PORTFOLIO</div><div class="arrow"></div></li>
						<li id="three"><a href="#roni">&nbsp;&nbsp;</a><div class="tooltip">RONI</div><div class="arrow"></div></li>
						<li id="four"><a href="#mail">&nbsp;&nbsp;</a><div class="tooltip">MAIL</div><div class="arrow"></div></li>
					</ul>				
				</div> <!-- end of nav -->
			</div>
			<div id="home" class="content-section fullheight">
					<div class="content-wrapper">
						<div align="center">
							<h1>{ RONI PINILI }</h1>
							<span class="smalltext">Web designer / Front-end Developer</span>

							<h2>Building cool stuff is cool.</h2>
							
								<ul class="social-icons">
										<a href="http://www.twitter.com/RoniPL" target="_blank"><li class="tw"></li></a>
										<a href="http://www.be.net/Ronipinili" target="_blank"><li class="be"></li></a>
										<li class="em"></li>
								</ul>
						</div>					
						<div id="modal-wrapper">
							<div id="modal-quick-mail">
									<form  method="post" id="quick-mail">
										<label for="email"><span  class="fa fa-envelope form-font"></span>&nbsp;&nbsp;Email</label>
										<input type"text" name="email" id="email">
										<label for="Message"><span  class="fa fa-align-left form-font"></span>&nbsp;&nbsp;Message</label>
										<textarea id="message" name="message"></textarea>
										<input type="submit" value="Send" id="submit">
									</form>
									<div id="closebtn">x</div>
								</div>
						</div>	
					</div><!-- end of content wrapper -->
			
				</div>
				<div id="portfolio" class="content-section fullheight">
					<div class="content-wrapper">
						<div align="center">
						<h1>RECENT DESIGNS &amp; DEVELOPMENT</h1><br/>		
						<ul class="work-list"></ul>
						</div>
						<div class="clear"></div>
						<h2>these are some of my projects from different company that I worked for.</h2>
					</div><!-- end of content wrapper -->
				</div>
				<div id="roni" class="content-section fullheight">
				
					<div class="content-wrapper">
						<h1>Hi I'm Roni,</h1><br/>
						<div id="content-left">
							<!-- p>I've always been fascinated by the web, I mean who isn't? there's a lot to learn from it, in my case web design and development is like knowing what's behind the universe, it keeps me wonder, study more and look for new discovery.</p> -->
							<p>It's always an advantage that you love what you do, but its also requires continues learning to be more effective and efficient.</p>
						</div>
						<div id="content-right">
							<div align="center">
								<div id="me">
									<div id="the-ani">
										<div id="circle"></div>
										<div id="circle-two"></div>
										<div id="x"></div>
										<div id="x2"></div>
										<div id="y"></div>
										<div id="y2"></div>
									</div>
									<div id="what-i-do">
										<ul class="skillset">
											<li class="html"></li>
											<li class="css"></li>
											<li class="jq"></li>
											<li class="psd"></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="clear"></div>	
					</div><!-- end of content wrapper -->
				</div>
				<div id="mail" class="content-section fullheight">
					<div class="content-wrapper">
						<h1 id="looking-forward">LOOKING FORWARD TO COLLABORATING WITH YOU.</h1><br/>
						<div id="form-wrapper">
							<form method="POST" id="sendEmail-form">
								<label for="name"><span  class="fa fa-user form-font"></span>&nbsp;&nbsp;Name</label>
								<input type="text" name="name" id="name">
								<label><span  class="fa fa-envelope form-font"></span>&nbsp;&nbsp;Email</label>
								<input type="text"  name="email" id="email-contact">
								<label><span  class="fa fa-align-left form-font"></span>&nbsp;&nbsp;Message</label>
								<textarea name="message" id="message-contact"></textarea>
								 <input type="submit" value="Send" class="submit">
							</form>
						</div>
						<div id="footer">
				<div id="footer-wrapper">
					<p>&copy; 2013 Roni Pinili </p>
				</div>
			</div>	
					</div><!-- end of content wrapper -->
			
				</div>
			</div><!-- end of wrapper-->
		<script  src="js/maincontroller.min.js"></script>	
		
	</body>
</html>